The -gtk-icontheme() function not have any automatism for
symbolic or rtl variants built-in, instead, we expect the theme
to use selectors to provide the right icon for each situation.
}
//submenu indicators
&.arrow { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); }
+ &.arrow:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }
}
}
GtkExpander {
-gtk-icon-source: -gtk-icontheme('pan-end-symbolic');
+ &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }
&:hover { color: lighten($fg_color,30%); } //only lightens the arrow
&:active { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
}
background-color: #2c2c2c; }
.menu .menuitem.arrow {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+ .menu .menuitem.arrow:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
/***************
* Popovers *
*************/
GtkExpander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+ GtkExpander:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
GtkExpander:hover {
color: white; }
GtkExpander:active {
background-color: #fcfcfc; }
.menu .menuitem.arrow {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+ .menu .menuitem.arrow:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
/***************
* Popovers *
*************/
GtkExpander {
-gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
+ GtkExpander:dir(rtl) {
+ -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); }
GtkExpander:hover {
color: #748489; }
GtkExpander:active {